<template>
  <div class="animate-pulse space-y-4">
    <!-- 题库类型标题 -->
    <div class="h-6 w-20 bg-gray-200 rounded-md mb-4"></div>
    <!-- 题目列表骨架 -->
    <div v-for="i in 5" :key="i" class="flex justify-between items-center p-4 bg-white rounded-lg">
      <div class="flex items-center space-x-4">
        <!-- 状态圆点 -->
        <div class="w-4 h-4 bg-gray-200 rounded-full"></div>
        <!-- 标题 -->
        <div class="h-5 w-48 bg-gray-200 rounded"></div>
      </div>
      <div class="flex items-center space-x-8">
        <!-- 题解数 -->
        <div class="h-5 w-16 bg-gray-200 rounded"></div>
        <!-- 通过率 -->
        <div class="h-5 w-16 bg-gray-200 rounded"></div>
        <!-- 难度 -->
        <div class="h-5 w-12 bg-gray-200 rounded"></div>
      </div>
    </div>
  </div>
</template>
